@charset "utf-8";
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input { margin: 0; padding: 0; border: 0 }
html { height: 100%; color: #333; background: #fff; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html * { outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0) }
body { font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size: .32rem; min-height: 100%; }
@font-face {
	font-family: myFont;
	src: url('../fonts/HelveticaNeue.ttf'),
    url('../fonts/STHeiti-Light.ttc');
}
/* div, span, a, b, em, i, input, h1, h2, h3, h4, h5, h6 { font-family: myFont; } */
a, a:active, a:hover, a:focus, a:visited { text-decoration: none }
a, img { -webkit-touch-callout: none }
fieldset, img { border: 0 }
ol, ul, li { list-style: none }
textarea, input[type="password"], input[type="text"] { resize: none; outline: 0; -webkit-appearance: none; white-space: pre-wrap; word-wrap: break-word; background: #fff }
table { border-collapse: collapse; border-spacing: 0 }
/** 定义 10px ~ 40px */
.fs-10 { .1rem; } 
.fs-12 { .12rem; }
.fs-14 { .14rem; }
.fs-16 { .16rem; }
.fs-18 { .16rem; }
.fs-20 { .2rem; }
.fs-22 { .22rem; }
.fs-24 { .24rem; }
.fs-26 { .26rem; }
.fs-28 { .28rem; }
.fs-30 { .3rem; }
.fs-32 { .32rem; }
.fs-34 { .34rem; }
.fs-36 { .36rem; }
.fs-38 { .38rem; }
.fs-40 { .40rem; }
@media screen and (min-width:321px) and (max-width:375px) {
}
@media screen and (min-width:376px) and (max-width:414px) {
}
@media screen and (min-width:415px) and (max-width:639px) {
}
@media screen and (min-width:640px) and (max-width:719px) {
}
@media screen and (min-width:720px) and (max-width:749px) {
}
@media screen and (min-width:750px) and (max-width:799px) {
}
@media screen and (min-width:800px) {
}
div { display: box; display: -webkit-box;  outline: 0 !important; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative; color: #333; }
.div-after { }
.div-after:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.md-box { display: box; display: -webkit-box; }
.md-ac { box-align: center; -webkit-box-align: center; }
.md-as { box-align: stretch; -webkit-box-align: stretch; }
.md-ae { -webkit-box-align: end; box-align: end; }
.md-pc { box-pack: center; -webkit-box-pack: center; }
.md-pe { box-pack: end; -webkit-box-pack: end; }
.md-pj { -webkit-box-pack: justify; box-pack: justify; }
.md-ver { box-orient: vertical; -webkit-box-orient: vertical; }
.md-f1 { box-flex: 1; -webkit-box-flex: 1; }
.md-f2 { box-flex: 2; -webkit-box-flex: 2; }
.md-size { box-sizing: border-box; -webkit-box-sizing: border-box; }
.md-img { background-position: center; background-repeat: no-repeat; background-size: contain; }
.md-img0 { background-position: center; background-repeat: no-repeat; }
.md-img1 { background-position: center; background-repeat: no-repeat; background-size: cover; }
.md-img2 { background-position: center; background-repeat: no-repeat; background-size: 100% 100%; }
.md-clip { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;  -webkit-line-clamp: 1; }

.md-mask { position: fixed; top: 0px; left: 0px; background-color: #000; opacity: 0.1; width: 100%; height: 100%; z-index: 998; }
.md-toast { position: fixed; z-index: 9999; top: 7em; left: 35%; background-color: #fff; color: #f60; border-radius: .5em; line-height: 1em; padding: .5em 1em; width: 7em; border: .1em solid #ccc; }
.mt-icon { width: 3em; height: 3em; margin: 0 auto; background: url('../image/toast_icon.png') no-repeat; background-size: contain; }
.mt-msg { margin-top: .3em; width: 100%; text-align: center; }
.md-msgtip { position: fixed; z-index: 999; bottom: 2em; left: 0em; width: 100%; box-pack: center; -webkit-box-pack: center; text-align: center; }
.mm-msg { display: inline; padding: .5rem .8rem;
border-radius: .2rem;
background-color: #f4f4f4; font-size: .9rem;
box-shadow: 0 .1rem .3rem #888;
}
.ft-14 { font-size: 14px;  height: 3.95rem; } 
.md-toastwrap { position: fixed; z-index: 999; bottom: 3em; left: 0em; width: 100%; text-align: center; }
.mtt-con { display: inline-table; padding: .5em 1em; border-radius: .2em; background-color: #fff; border: .1em solid #8cc2ff; box-shadow: .2em .1em .6em #eaf3fc; vertical-align: center; }
.mtt-icon { display: table-cell; width: 2.2em; height: 2.2em; background: url(../image/icon_toast.png) no-repeat center; background-size: contain; }
.mtt-msg { display: table-cell; padding-left: .5em; color: #888; font-size: 1.2em; line-height: 2.2em; }
.gm-mask { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: #000; opacity: 0; z-index: 998; }
.gm-wrap { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 999; }
.gm-wrap .gm-ub { width: 100%; height: 100%; display: box; display: -webkit-box; box-align: center; -webkit-box-align: center; box-pack: center; -webkit-box-pack: center; }
.gm-gif { height: 4em; width: 4em; box-align: center; -webkit-box-align: center; box-pack: center; -webkit-box-pack: center; }
.gm-gif i { position: absolute; z-index: 99; left: 0; top: 0; height: 100%; width: 100%; background-image: url(../image/loading_gif.gif); background-position: center; background-repeat: no-repeat; background-size: contain; }
.gm-gif b { position: absolute; z-index: 98; left: 0; top: 0; height: 100%; width: 100%; background-color: #000; opacity: 0; border-radius: 50%; }
.md-ellipsis { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.md-act1 { -webkit-transition: all; transition: all; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: .2s; transition-duration: .2s; }
.md-act1:enabled, .md-act1:active { background-color: #ccc; }
.md-act2 { transform: scale(0.95, 0.97); -webkit-transform: scale(0.95, 0.97); -webkit-transition-duration: 300ms; opacity: .7; }
.md-act3 { background-color: #ddd; transform: background-color .2s; -webkit-transform: background-color .2s; opacity: .9 }
